<template>
	<div class="foot">
		<p class="iconfont p1">
			<a href="###">&#xe635;<span>机票</span></a>
			<a href="###">&#xe62f;<span>酒店</span></a>
			<a href="###">&#xe692;<span>公寓</span></a>
			<span>|</span>
			<a href="###">&#xe649;<em>更多</em></a>
		</p>
		<p class="p2">
			<a href="###">登陆</a>
			<a href="###">我的订单</a>
			<a href="###">最近浏览</a>
			<a href="###">关于我们</a>
		</p>
		<div class="bt">
			<p><a href="###">触屏版</a><a href="###"><font color="#25a4bb">电脑版</font></a></p>
			<span>Qunar 京ICP备05021087意见反馈</span>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.foot{
		width: 100%;
		background: #EEEEEE;
	}
	.foot .p1{
		overflow: hidden;
		text-align: center;
		height: .25rem;
		padding-top: .1rem;
	}
	.foot .p1 span{
		color: #9e9e9e;
	}
	.foot .p1 a{
		color: #9e9e9e;
		padding: 0 .1rem;
		text-decoration: none;
		display: inline-block;
	}
	.foot .p1 a span{
		font-size: .13rem;
		text-decoration: underline;
	}
	.foot .p1 a em{
		font-size: .14rem;
	}
	.foot .p2{
		overflow: hidden;
		height: .39rem;
		border-bottom: 1px solid #999999;
	}
	.foot .p2 a{
		color: #25a4bb;
		font-size: .14rem;
		display: inline-block;
		float: left;
		padding-left: .2rem;
		text-decoration: none;
		padding-top: .1rem;
	}
	.foot .bt{
		width: 100%;
		font-size: .14rem;
		text-align: center;
		color: #9e9e9e;
	}
	.foot .bt  p{
		padding-top: .1rem;
	}
	.foot .bt  p a{
		text-decoration: none;
		padding: 0 .15rem;
		color: black;
	}
	.foot .bt span{
		font-size: .13rem;
		padding: .1rem;
		display: block;
	}
</style>